<?php $this->view->partial('common/inverse_sub'); ?>
<div class="row" style="margin-top:2rem;">
	<div class="medium-10 medium-centered column" style="padding:0;">
		<div class="medium-12 column">
			<div class="medium-7 end column">
				<ul class="text-center radius button-group">
				  <li><a href="#" class="active tiny button">All</a></li>
				  <li><a href="#" class="active tiny button">Followed</a></li>
				  <li><a href="#" class="active tiny button">Suggestion</a></li>
				</ul>
			</div>
			<div class="medium-7 column" style="padding:.5rem;background:white;border-radius:.45rem;">
			<div class="medium-12 column" style="padding:0;">
			<div class="medium-2 end column" style="float:right !important;padding:0;">
			<a class="button">Filter</a>
			</div>
			<div class="medium-3 end column" style="float:right !important;padding:0;">
				<select>
					<option>Ascending</option>
				</select>
			</div>
			<div class="medium-3 end column" style="float:right !important;padding:0;">
				<select>
					<option>Most Viewed</option>
				</select>
			</div>
			</div>
				<div class="medium-6 column" style="padding:.2rem;">
					<section class="job-feed medium-12 column">
						<div class="img large-1 column" style="background:gray url(<?=BASE_URI?>img/user_dp/acer.jpg);background-size:100% 100%;"></div>
						<div class="job-det large-9 end column">
							<a class="job-link" href="">Acer Philippines</a>
							<p>Posted by: <a href="">Jomar Bernardo</a></p>
						</div>
						<div class="job-det medium-12 column">
							<p>Ut enim ad minim veniam,Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat. </p>
							<ul class="bhb2-tag inline-list">
								<li><a class="tiny radius button">Web Socket</a></li>
							</ul>
						</div>
					</section>
					<section class="job-feed medium-12 column">
						<div class="img large-1 column" style="background:gray url(<?=BASE_URI?>img/user_dp/tele.jpg);background-size:100% 100%;"></div>
						<div class="job-det large-9 end column">
							<a class="job-link" href="">Teleperformance</a>
							<p>Posted by: <a href="">Jomar Bernardo</a></p>
						</div>
						<div class="job-det medium-12 column">
							<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
							<ul class="bhb2-tag inline-list">
								<li><a class="tiny radius button">Web Socket</a></li>
							</ul>
						</div>
					</section>
				</div>	

				<div class="medium-6 column" style="padding:.2rem;">
					<section class="animated slideInLeft job-feed medium-12 column">
						<div class="img large-1 column" style="background:gray url(<?=BASE_URI?>img/user_dp/freelancer.jpg);background-size:100% 100%;"></div>
						<div class="job-det large-9 end column">
							<a class="job-link" href="">Freelancer.ph</a>
							<p>Posted by: <a href="">Jomar Bernardo</a></p>
						</div>
						<div class="job-det medium-12 column">
							<p>Convert design to website.Excepteur sint occaecat cupidatat non
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
							<ul class="bhb2-tag inline-list">
								<li><a class="tiny radius button">Web Socket</a></li>
							</ul>
						</div>
					</section>
					<section class="job-feed medium-12 column">
						<div class="img large-1 column" style="background:gray url(<?=BASE_URI?>img/user_dp/symb.jpg);background-size:100% 100%;"></div>
						<div class="job-det large-9 end column">
							<a class="job-link" href="">Realestate</a>
							<p>Posted by: <a href="">Jomar Bernardo</a></p>
						</div>
						<div class="job-det medium-12 column">
							<p>Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
							<ul class="bhb2-tag inline-list">
								<li><a class="tiny radius button">Web Socket</a></li>
							</ul>
						</div>
					</section>
				</div>	
				<a class="expand radius button">Load more</a>		
			</div>

			<div class="medium-5 column" style="padding:0 0 0 1rem;">
				<div class="medium-12 column" style="background:white;border-radius:.45rem;">
					<strong>Suggested Companies</strong>
					<label>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
					consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</label>
				</div>
			</div>

		</div>
	</div>
</div>

<style type="text/css">
body {
	background: white !important;
}
</style>